<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>云豆科技</title>

    <!-- Bootstrap -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="lib/font_o1fj0v46oluwhfr/iconfont.css"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>
    <![endif]-->
</head>
<body>
<!-- 固定到顶部 -->
<!--navbarFix-->
<div class="nav nav-pills navbar-fixed-top head-fixed">
    <!-- 页面的头部-->
    <div class="container-fluid header hidden-xs">
        <div class="row ">
            <div class="col-md-8 col-sm-12 header_l col-lg-push-1 col-sm-push-1 ">
                <p class="pull_left">周一~周五，早9:00~晚17:30——0871-65228007</p>

                <div class="pull_left iconWe">
                    <span class="iconfont icon-wechat wechat"></span>
                    <span class="iconfont icon-QQ qq"></span>
                    <span class="iconfont icon-10wechat wechat10"></span>
                    <span class="iconfont icon-tel tel"></span>
                </div>
            </div>
            <div class="col-md-4 header_r col-md-push-1 hidden-sm">
        <span>
            <a href="#">如何签约</a>
            <a href="#">团队介绍</a>
            <a href="#">合作申请</a>
        </span>
            </div>

        </div>

    </div>
    <!-- 页面的logo部分-->
    <nav class="navbar navbar-default logo">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-
                        toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">云豆科技</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav nav-pills pull-right">
                    <li role="presentation" class=""><a href="#">首页</a></li>
                    <li role="presentation"><a href="#">软件/网站/APP</a></li>
                    <li role="presentation"><a href="#">微信开发</a></li>
                    <li role="presentation"><a href="#">联系我们</a></li>
                    <li role="presentation"><a href="#">客户登入</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
</div>
<!-- 页面banner 部分 -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="images/banner2.svg" alt="">

            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="images/banner3.svg" alt="">

            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="images/banner4.svg" alt="">

            <div class="carousel-caption">

            </div>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-
       slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-
       slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--定时开发部分-->
<div class="container madebox">
    <div class="text-center made">
        <h3 class="made-title">定制开发/按需开发</h3>
        <span class="small-title">APP、网站、软件专注定制开发，金牌服务</span>
    </div>
    <div class="made-content">
        <div class="row">
            <div class="col-lg-5 col-md-5">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-xs-12">
                        <a class="made-content-App" href="#">
                            <p>
                                <span>手机APP定制</span>
                            </p>
                        </a>
                    </div>
                    <div class="col-lg-12 col-md-12 col-xs-12">
                        <a class="made-content-build" href="#">
                            <p>
                                <span>网站建设</span>
                            </p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 col-md-7">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-xs-12">
                        <a class="made-content-finance" href="#">
                            <p>
                                <span>金融行业</span>
                            </p>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-xs-12">
                        <a class="made-content-wechat" href="#">
                            <p>
                                <span>微信业务</span>
                            </p>
                        </a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-xs-12">
                        <a class="made-content-mobile" href="#">
                            <p>
                                <span>移动电商</span>
                            </p>
                        </a>
                    </div>
                    <div class="col-lg-12 col-md-12 col-xs-12">
                        <a class="made-content-PC" href="#">
                            <p>
                                <span>PC端业务</span>
                            </p>
                        </a>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
<!--doing部分-->
<div class="doing">
    <div class="container">
        <div class="row text-center">
            <div class="col-md-12">
                <h3 class="doing-title">你需要做什么？</h3>
            </div>
        </div>
        <div class="row pai">
            <div class="col-md-2 col-sm-6 col-md-offset-1 text-center">
                <i class="glyphicon glyphicon-earphone"></i>
                <h5>
                    <i><strong>1.</strong></i>
                    <span>联系我们，沟通需求</span>
                </h5>
            </div>
            <div class="col-md-1 col-sm-6">
                <div class="arrow-right">
                    >
                </div>
            </div>
            <div class="clearfix visible-sm-block"></div>
            <div class="col-md-2 col-sm-6">
                <i class="glyphicon glyphicon-screenshot"></i>
                <h5>
                    <i><strong>2.</strong></i>
                    <span>需求定位，签订合同</span>
                </h5>
            </div>
            <div class="col-md-1 col-sm-6">
                <div class="arrow-right">
                    >
                </div>
            </div>
            <div class="clearfix visible-sm-block"></div>
            <div class="col-md-2 col-sm-6">
                <i class="glyphicon glyphicon-wrench"></i>
                <h5>
                    <i><strong>3.</strong></i>
                    <span>选定技术，正式开发</span>
                </h5>
            </div>
            <div class="col-md-1 col-sm-6">
                <div class="arrow-right">
                    >
                </div>
            </div>
            <div class="clearfix visible-sm-block"></div>
            <div class="col-md-2 col-sm-6">
                <div>
                    <i class="glyphicon glyphicon-th-large"></i>
                    <h5>
                        <i><strong>4.</strong></i>
                        <span>内部测试，交付运营</span>
                    </h5>
                </div>
            </div>
        </div>
    </div>
</div>
<!--页面footer部分-->
<div class="footer">
    <div class="footer-top">
        <div class="container text-center">
            <div class="col-md-5 col-sm-12 techology ">
                <dl>
                    <dt>云豆软件科技</dt>
                    <dl><img src="images/shangwu.png" alt=""/></dl>
                    <dl><img src="images/jianli.png" alt=""/></dl>
                    <dl><p>公司地址：云南省昆明市五华区小康大道国福现代城8栋</p></dl>
                    <dl><img src="images/call.png" alt=""/></dl>
                </dl>
            </div>
            <div class="col-md-3 col-sm-12">
                <dl>
                    <dt>云豆未来F计划</dt>
                    <dl><p>城市O2O生活圈F计划构想</p></dl>
                    <dl><p>云豆联盟F计划构想</p></dl>
                    <dl><input type="button" class="btn" value="点击此处 ,了解更多"></dl>
                </dl>
            </div>
            <div class="col-md-4 col-sm-12">
                <dl>
                    <dt>关注我们</dt>
                    <dl><p>官方微信：IFLVESOFT，或者扫描下方二维码关注。</p></dl>
                    <dl><img src="images/qrweixin.gif" alt=""/></dl>
                    <dl><span class="wechat1"></span>
                        <span class="qq"></span>
                        <span class="wechat2"></span>
                        <span class="pay"></span>
                    </dl>
                </dl>
            </div>
        </div>
    </div>
    <div class="footer-bottom text-center">
        <p><a href="#"> 商务合作</a>|<a href="#">技术来源</a>|<a href="#">联系管理</a></p>
        <p>昆明云豆网络科技有限公司版权所有 ICP证书号：滇ICP备16007075号-1 主流的现代浏览器
            及IE8以上，建议浏览分辨率：1280X768</p>
    </div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="lib/jquery/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<scritp src="js/index.js"></scritp>
</body>
</html>